<template>
  <view>
    <view class="notice_container">
      <view class="notice_box font_s24" v-for="item in textList" :key="item.id">
        <image src="@/pages/notice/static/speak.png" mode=""></image>
        <text class="text">
          {{ item.text }}
        </text>
      </view>
    </view>
  </view>
</template>

<script setup>
import { onShow } from "@dcloudio/uni-app";
import { ref } from "vue";
const textList = ref([
  {
    id: 1,
    text: "这里是通知内容晋升信息，下一步可采取的行动（如“继续发展下线”）",
  },
  {
    id: 2,
    text: "这里是通知内容晋升信息，下一步可采取的行动（如“继续发展下线”）这里是通知内容晋升信息，下一步可采取的行动（如“继续发展下线”）",
  },
  {
    id: 3,
    text: "这里是通知内容晋升信息，下一步可采取的行动（如“继续发展下线”）这里是通知内容晋升信息，下一步可采取的行动（如“继续发展下线”）",
  },
  {
    id: 4,
    text: "这里是通知内容晋升信息，下一步可采取的行动（如“继续发展下线”）",
  },
  {
    id: 5,
    text: "这里是通知内容晋升信息，下一步可采取的行动（如“继续发展下线”）这里是通知内容晋升信息，下一步可采取的行动（如“继续发展下线”）",
  },
  {
    id: 6,
    text: "这里是通知内容晋升信息，下一步可采取的行动（如“继续发展下线”）这里是通知内容晋升信息，下一步可采取的行动（如“继续发展下线”）",
  },
]);
onShow(() => {
  getApp().tui.linkToLogin();
});
</script>

<style scoped lang="scss">
.notice_container {
  background: #f7fbfa;
  padding: 31rpx 30rpx 131rpx;
  box-sizing: border-box;
  min-height: 100%;

  .notice_box {
    padding: 17rpx 12rpx 16rpx 26rpx;
    line-height: 39rpx;

    background: #ffffff;
    box-shadow: 0rpx 0rpx 11rpx 0rpx rgba(49, 212, 157, 0.19);
    border-radius: 16rpx;
    margin-bottom: 20rpx;

    image {
      width: 26rpx;
      height: 24rpx;
      display: inline-block;
      margin-right: 10rpx;
    }
  }
}
</style>